<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<%-- <jsp:directive.include file="/controleDeAcesso/autenticado.jsp" /> --%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cadastro de Anúncio</title>
<script language="javascript">
function barra(objeto){
if (objeto.value.length == 2 || objeto.value.length == 5 ){
objeto.value = objeto.value+"/";
}
}

function formatTelefone(element, e){  if (e.keyCode != 8){ 
	length = element.value.length;   
	if (length == 2){     
	if (element.value.charAt(0)!="(")      
      element.value = "(" + element.value + ")";   
	}   
	if (length == 3)   
      if (element.value.charAt(0)=="(")    
    		  element.value += ")";   
	if (length == 8)      element.value += "-"; 
	}
}
</script>
</head>

<body>
	<f:view>
		<h2>Cadastro de Anuncio</h2>
		Entre com os dados do Anuncio que deseja inserir:
		<h:form>
			<h:panelGrid border="0" cellpadding="1" columns="3" style="background-color: #CCE0FF">
				<h:inputHidden value="#{principal.novoAnuncio.id }"></h:inputHidden>
				<h:outputText value="Título: "></h:outputText>
				<h:inputText id="anuncio" value="#{principal.novoAnuncio.tituloAnuncio}" required="true" 
					requiredMessage="O título do anuncio deve ser preenchido"></h:inputText>
				<h:message for="anuncio" style="color:red"></h:message>
				<h:outputText value="Nome Produto: "></h:outputText>
				<h:inputText id="nomeProduto" value="#{principal.novoAnuncio.nomeProduto }" required="true" 
					requiredMessage="O Nome Produto  deve ser preenchido"></h:inputText>
				<h:message for="nomeProduto" style="color:red"></h:message>
				<h:outputText value="Preço: "></h:outputText>
				<h:inputText id="preco" value="#{principal.novoAnuncio.preco}" required="true" 
					requiredMessage="O Preco do Produto deve ser preenchido"></h:inputText>
				<h:message for="preco" style="color:red"></h:message>
				<h:outputText value="Responsável: "></h:outputText>
				<h:inputText id="responsavel" value="#{principal.novoAnuncio.responsavel}" required="true" 
					requiredMessage="O Responsável pelo  Produto deve ser preenchido"></h:inputText>
				<h:message for="responsavel" style="color:red"></h:message>
				
				<h:outputText value="Data: "></h:outputText>
				<h:inputText id="data" value="#{principal.novoAnuncio.data}" required="true" 
					requiredMessage="O Data do anúncio  deve ser preenchido" maxlength="10"
					onkeyup="barra(this)">
  					<f:convertDateTime locale="pt,BR" dateStyle="long" pattern="dd/MM/yyyy" />  				
					</h:inputText>
				<h:message for="data" style="color:red"></h:message>
				
				<h:outputText value="Telefone: "></h:outputText>
				<h:inputText id="telefone" value="#{principal.novoAnuncio.telefone}" required="true" 
					requiredMessage="O Telefone responsável do anúncio  deve ser preenchido"
					 maxlength="13" onkeydown="formatTelefone(this, event)"></h:inputText>
				<h:message for="telefone" style="color:red"></h:message>

				<h:outputText value="Resumo: "></h:outputText>
				<h:inputTextarea id="resumo" cols="16" rows="20" required="true"
					requiredMessage="O Resumo do Produto deve ser preenchido"
					value="#{principal.novoAnuncio.resumo}">
				</h:inputTextarea>
				<h:message for="resumo" style="color:red"></h:message>
			</h:panelGrid><br/>
			<h:commandButton value="Cadastrar Anuncio" action="#{principal.adicionaAnuncio}" ></h:commandButton>
		</h:form>
	</f:view>
</body>
</html>